<template>
	<!-- 村支书首页 -->
	<view>
		<u-navbar title="回访记录" @rightClick="rightClick" :autoBack="true" placeholder leftIconSize="22px"
			rightText="批量审核">
		</u-navbar>
		<view class="indexbody" v-for="item in 3">
			<view class="indexbody_title">
				<view>走访人</view>
				<view class="indexbody_title_select">
					<view @click="toReturnVisitdetails">回访详情</view>
					<u-icon name="arrow-right" color="#CCCCCC" size="28"></u-icon>
				</view>
			</view>
			<view class="indexbody_content">
				<view class="">
					<text>里尔</text>
					<text>男</text>
					<text>29岁</text>
					<text>21522222222</text>
				</view>
				<view class="indexbody_address">
					<view class="">
						<image src="../../static/index/address.png" alt="">
					</view>
					<view class="">
						<text>河南省郑州市郑东新区内环路会展中心26号</text>
					</view>
				</view>
			</view>
			<view class="indexbody_time">
				<text>回访时间: 1949-01-10 15:30:00</text>
			</view>
			<view class="indexbody_bottom">
				<view class="indexbody_date">
					<view>电话回访</view>
				</view>
				<view class="Decide">
					<u-button class="Fail" type="primary" :plain="true" text="不通过"></u-button>
					<u-button class="success" type="primary" text="通过"></u-button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods:{
			rightClick(){
				
			},
			toReturnVisitdetails(){
				uni.navigateTo({
					url:'Return_visit_details',
					// url:'Village_branch_interview'
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #EFF1F5;
	}
</style>
<style lang="scss">
	.indexbody {
		margin: 15px 10px;
		background-color: #fff;
		border-radius: 5px;

		.indexbody_title {
			display: flex;
			justify-content: space-between;
			padding: 10px;

			img {
				width: 20px;
				height: 20px;
			}

			:first-child {
				font-weight: bold;
			}

			:last-child {
				color: #CCCCCC;
				font-size: 12px;
			}

			.indexbody_title_select {
				display: flex;

				text {
					padding-right: 5px;
				}
			}
		}

		.indexbody_content {

			background-color: #F8F8F8;
			margin: 5px 20px;
			padding: 5px;
			font-size: 15px;

			text {
				padding: 0 8px;
				border-right: 1px solid #333333;
			}

			:last-child {
				border-right: none;
			}
		}

		.indexbody_address {
			display: flex;
			margin: 10px 10px;

			image {
				width: 20px;
				height: 20px;
			}
		}

		.indexbody_time {
			margin: 8px 20px;
		}

		.indexbody_bottom {
			display: flex;
			justify-content: space-between;
			margin: 20px 0px 20px 20px;
			.indexbody_date {
margin-top: 10px;
				view:first-child {
					padding: 3px;
					font-size: 14px;
					background-color: #F8F8F8;
					color: #5F7FD0;
				}
			}

			.Decide {
				display: flex;
				align-content: flex-start;
				padding-right: 20px;
				margin-bottom: 20px;
				.Fail{
					margin-right: 20px;
					border-radius: 50px;
					width: 100px;
				}
				.success{
					border-radius: 50px;
					width: 100px;
					padding: 5px auto;
				}
			}

		}

	}
</style>
